<template>
    <a-card style="margin-bottom: 15px" size="small">
        <a-descriptions :column="2" size="middle" bordered>
            <template #title>
                <span style="color:#1677ff ;">{{ProTitle}}</span>
            </template>
            <template #extra>
                <a-tooltip title="返回上级">
                    <a-button size="middle" @click="goback">
                        <template #icon>
                            <RollbackOutlined />
                        </template>
                    </a-button>
                </a-tooltip>
            </template>
            <a-descriptions-item label="协议名称">{{blagreementname}}</a-descriptions-item>
            <a-descriptions-item label="协议编号">{{blagreementnum}}</a-descriptions-item>
            <a-descriptions-item label="所属项目名称">{{blprojectname}}</a-descriptions-item>
            <a-descriptions-item label="所属项目编号">{{blprojectnum}}</a-descriptions-item>
            <a-descriptions-item label="捐赠人名称">{{bldonor}}</a-descriptions-item>
            <a-descriptions-item label="牵头人名称">{{bllinkmanname}}</a-descriptions-item>
            <a-descriptions-item label="跟进人名称">{{blfollowname}}</a-descriptions-item>
            <a-descriptions-item label="捐款金额">{{blmoney}}</a-descriptions-item>
            <a-descriptions-item label="协议是否限定">{{blproperty? '限定' : '非限定'}}</a-descriptions-item>
            <a-descriptions-item label="协议生效年份">{{bleffective}}</a-descriptions-item>
            <a-descriptions-item label="与生效金额对应的到账日期">{{blrelmoney}}</a-descriptions-item>
            <a-descriptions-item label="实际到账金额">{{blamountmoney}}</a-descriptions-item>
            <a-descriptions-item label="实际到账日期">{{blamountdate}}</a-descriptions-item>
            <a-descriptions-item label="各分配部门名称">{{blname}}</a-descriptions-item>
            <a-descriptions-item label="各部门分配金额">{{blproposedmoney}}</a-descriptions-item>
            <a-descriptions-item label="基金用途">{{bluse}}</a-descriptions-item>
            <a-descriptions-item label="说明">{{bldescription}}</a-descriptions-item>

        </a-descriptions>
    </a-card>
</template>

<script setup>
    import { nextTick, reactive, ref, defineProps, onMounted, toRefs } from 'vue';
    import { message, Modal } from 'ant-design-vue';
    const props = defineProps({
        passParams: {
            type: Object,
        },
    })
    // 解构对象
    const { blagreementname, blagreementnum, blprojectname, blprojectnum,
        bldonor, bllinkmanname, blfollowname, blmoney, blproperty, bldescription,
        bleffective, blrelmoney, blamountmoney, blamountdate, blname,
        blproposedmoney, bluse } = toRefs(props.passParams);
    const emits = defineEmits(['emitPass'])
    const goback = () => {
        let obj = {
            type: 0,
        };
        emits('emitPass', obj);
    };
    // 标题
    const ProTitle = ref('');
    ProTitle.value = props.passParams.blagreementname + '协议详情';

</script>

<style lang="less" scoped>
</style>